<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML基础标签演示</title>
</head>
<body>
  <!-- #region内容分区元素 -->
  <h1>一级标题</h1>
  <h2>二级标题</h2>
  <h3>三级标题</h3>
  <h4>四级标题</h4>
  <h5>五级标题</h5>
  <h6>六级标题</h6>
  <!-- endregion-->

  <!-- #region文本内容元素 -->
  <div>div是无格式容器</div>
  <p>
    p段落1
    p段落2
  </p>
  <pre>
    pre预先格式段落1
    pre预先格式段落2
    pre预先格式段落3
  </pre>
  <p>无序列表</p>
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项4</li>
  </ul>
  <p>有序列表</p>
  <ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项4</li>
  </ol>
  <p>定义列表</p>
  <dl>
    <dt>定义1</dt>
    <dd>定义1的描述</dd>
    <dt>定义2</dt>
    <dt>定义3</dt>
  </dl>
  <hr>
  <blockquote>
    长引用内容
    长引用内容
  </blockquote>
  <!-- endregion-->

  <!-- #region内联文本元素 -->
  <span>无格式行级元素</span>
  <br>换行<br>
  <b>视觉加粗</b><br>
  <strong>强调加粗</strong>
  <br>
  <i>视觉倾斜</i>
  <br>
  <i>强调倾斜</i>
  <br>
  <a href="">链接当前页</a>
  <br>
  <a href="http://www.baidu.com"target="-blank">链接外部地址：百度</a>
  <br>
  <a href="../base/index.html">返回首页</a>
  <br>
  <!-- #endregion-->

  <!-- #region图片元素 -->
  <img src="../Web Rebuild/img/logo_01.png" alt="九江学院">
  <a href="http//jju.edu.cn"target="-blank">
    <img src="../Web Rebuild/img/logo_01.png" alt="九江学院">
  </a>
<br>
<br>

  <!-- #endregion-->
  <!-- #region内嵌内容元素 -->
  <iframe src="http://www.w3school.com.cn" frameborder="1"width="800"height="600"></iframe>
  <!-- #endregion-->
  <br>
  <br>
  <br>
  <br>
  <br>
</body>
</html>